<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        // 变量丶属性丶函数丶方法的区别
        // 1. 变量和属性的相同点 他们都是用来存储数据的
        var num = 10;
        var obj = {
            age:18,
            fn:function(){
                console.log(11);
            }
        }
        function fn(){
            console.log(22);
        }
        fn();
        console.log(obj.age);
        obj.fn();
        // console.log(age);
        // 变量 单独声明并赋值 使用的时候直接写变量名 单独存在
        // 属性 在对象里面的不需要声明的 使用的时候必须是 对象.属性
        // 2. 函数和方法的相同点 都是实现某种功能 做某件事
        // 函数是单独声明 并且调用的 函数名（） 单独存在的
        // 方法 在对象里面 调用的时候 对象.方法（）
    </script>
</head>
<body>
    
</body>
</html>